.order{
  .order-tabs{
    background-color: #008c8c;
    border-radius: 50rpx;
    width: 90%;
    margin: 0 auto 20rpx;
  }
  
  .order-s{
    background-color: rgba(132,132,132,0.1);
    .order-tab{
      background-color: white;
    }
    .order-s-list{
      margin-top: 30rpx;
      background-color: white;
      .osl-top{
        width: 95%;
        margin: auto;
        padding-top: 20rpx;
        display: flex;
        justify-content: space-between;
        .ot-left{
          width: 25%;
          height: 200rpx;
          image{
            width: 100%;
            height: 100%;
          }
        }
        .ot-right{
          width: 72%;
          .or-top{
            display: flex;
            justify-content: space-between;
            .or-zt{
              margin-right: 25rpx;
              color: #008c8c;
            }
          }
          .or-cen{
            margin-top: 15rpx;
            color: silver;
          }
          .or-bottom{
            margin-top: 40rpx;
            color: red;
            align-items: baseline;
            display: flex;
            view{
              font-size: 23rpx;
            }
          }
        }
      }
      .osl-bottom{
        width: 95%;
        margin: auto;
        padding-bottom: 20rpx;
        margin-bottom: 30rpx;
        align-items: center;
        display: flex;
        justify-content: space-between;
        .osb-left{
          color: silver;
        }
        .osb-right{
          width: 30%;
          margin-right: 20rpx;
        }
      }
    }
  }
  .order-f{
    background-color: rgba(132,132,132,0.1);
    .order-tab{
      background-color: white;
    }
    .order-s-list{
      margin-top: 30rpx;
      background-color: white;
      .osl-top{
        width: 95%;
        margin: auto;
        padding-top: 20rpx;
        display: flex;
        justify-content: space-between;
        .ot-left{
          width: 25%;
          height: 200rpx;
          image{
            width: 100%;
            height: 100%;
          }
        }
        .ot-right{
          width: 72%;
          .or-top{
            display: flex;
            justify-content: space-between;
            .or-zt{
              margin-right: 25rpx;
              color: #008c8c;
            }
          }
          .or-cen{
            margin-top: 15rpx;
            color: silver;
          }
          .or-bottom{
            margin-top: 40rpx;
            color: red;
            align-items: baseline;
            display: flex;
            view{
              font-size: 23rpx;
            }
          }
        }
      }
      .osl-bottom{
        width: 95%;
        margin: auto;
        padding-bottom: 20rpx;
        margin-bottom: 30rpx;
        align-items: center;
        display: flex;
        justify-content: right;
        .osb-left{
          color: silver;
        }
        .osb-right{
          width: 30%;
          margin-right: 20rpx;
        }
      }
    }
  }
}